﻿@font-face {
    font-family: Freeway;
    src: url('../../font/SFUFreewayLight.ttf');
}


.noi-dung {
    margin: 0;
    padding: 0;    
}

    .noi-dung > .form-title {
    	padding-left: 80px;
    	margin-bottom: 40px;
    	font-family: "Freeway";    	
    	color: #08c;
    	font-size: 30px;
    }

    .noi-dung > form {

    }

		.noi-dung > form > .form-container {
			position: relative;
			margin-left: 50px;
		}

			.noi-dung > form > .form-container > .input-box {
				position: relative;
				margin: 0 0 20px 0;
			}

				.noi-dung > form > .form-container > .input-box > label {
					display: block;
					margin-bottom: 10px;
					color: #4c4c4c;
					font-size: 15px;
					font-family: "Segoe UI";
				}

					.noi-dung > form > .form-container > .input-box > label.lbl-required:after {
						content: ' *';
						color: red;
					}				

				.noi-dung > form > .form-container > .input-box > input {
					display: block;
					height: 35px;
					width: 260px;	
					outline: none;
					padding-left: 10px;
					border: 1px solid #dddddd;
					margin-bottom: 5px;
				}
					.noi-dung > form > .form-container > .input-box > input:focus {
						border: 1px solid #08c;
					}

                .noi-dung > form > .form-container > .input-box > textarea {
                    max-width: 750px;
                    max-height: 210px;
                    width: 260px;
                    height: 75px
                }

                .noi-dung > form > .form-container > .input-box > select {
                    display: block;
					height: 35px;
					width: 273px;	
					outline: none;
					padding-left: 10px;
					border: 1px solid #dddddd;
					margin-bottom: 5px;
                }
                    .noi-dung > form > .form-container > .input-box > select:focus {
                        border: 1px solid #08c;
                    }

                .noi-dung > form > .form-container > .input-box > textarea {
                    display: block;
					width: 260px;	
					outline: none;
					padding: 10px 0 0 10px;
					border: 1px solid #dddddd;
					margin-bottom: 5px;
                }

				.noi-dung > form > .form-container > .input-box > .alert {					
					position: absolute;
                    display: inline-block;
                    padding: 8px;
                    border: 1px solid #f60;
                    background: #fee;
                    font-size: 11px;
                    top: calc(100% - 35px);
                    left: 280px;
                    z-index: 1;
                    max-width: calc(100% - 40px);
				}
					.noi-dung > form > .form-container > .input-box > .alert:before,
					.noi-dung > form > .form-container > .input-box > .alert:after {
						content: '';
                        display: block;
                        position: absolute;
                        border: 4px solid transparent;
					}
					.noi-dung > form > .form-container > .input-box > .alert:before {
						border-right-color: #f60;
                        top: 6px;
                        left: -9px;
					}
					.noi-dung > form > .form-container > .input-box > .alert:after {
						border-right-color: #fee;
                        top: 6px;
                        left: -8px;
					}


			.noi-dung > form > .form-container > .input-box-submit {

			}

				.noi-dung > form > .form-container > .input-box-submit > input{
					height: 35px;					
					background: none;
					outline: none;
					border: 1px solid #dddddd;
					padding: 0 20px;
				}

					.noi-dung > form > .form-container > .input-box-submit > input:hover{
						border: 1px solid #08c;
						background-color: #08c;
						color: white;
					}